<table>
  <tbody>
      <tr>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{agent.id}}" data-id="agent" data-completed="{{agent.completed}}" data-train="{{agent.comletedPCT}}" data-recruit="{{agent.PCT}}"  data-target="{{agent.target}}" data-actual="{{agent.actual}}" class="title">代理商管理</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{agent.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">招募完成<span>{{agent.PCT}}%</span></span>
                  <span class="font-yellow">{{agent.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{agent.target}}</span>
              </div>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{agent.comletedPCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">培训完成<span>{{agent.comletedPCT}}%</span></span>
                   <span class="font-yellow">{{agent.completed}}</span><span class="font-blue">/</span><span class="font-blue">{{agent.actual}}</span>
              </div>
          </td>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{member.id}}" data-id="member" data-pct="{{member.PCT}}" data-target="{{member.target}}" data-actual="{{member.actual}}" class="title">会员发展</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{member.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{member.PCT}}%</span></span>
                  <span class="font-yellow">{{member.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{member.target}}</span>
              </div>

          </td>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{pc.id}}" data-pct="{{pc.PCT}}" data-target="{{pc.target}}" data-actual="{{pc.actual}}" data-id="campaign" class="title">超学PC注册</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{pc.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{pc.PCT}}%</span></span>
                   <span class="font-yellow">{{pc.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{pc.target}}</span>
              </div>
          </td>
      </tr>
       <tr>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{app.id}}"  data-pct="{{pc.PCT}}" data-target="{{app.target}}" data-actual="{{app.actual}}"  data-id="campaign" class="title">超学APP安装</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{app.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{app.PCT}}%</span></span>
                  <span class="font-yellow">{{app.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{app.target}}</span>
              </div>
          </td>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{lecture.id}}"  data-pct="{{lecture.PCT}}" data-target="{{lecture.target}}" data-actual="{{lecture.actual}}" data-id="campaign" class="title">讲座影响人数</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{lecture.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{lecture.PCT}}%</span></span>
                  <span class="font-yellow">{{lecture.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{lecture.target}}</span>
                  <span class="num-per">讲座:<span>{{lecture.times}}次</span></span>
              </div>
          </td>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{consult.id}}"  data-pct="{{consult.PCT}}" data-target="{{consult.target}}" data-actual="{{consult.actual}}" data-id="campaign" class="title">咨询会影响人数</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{consult.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{consult.PCT}}%</span></span>
                   <span class="font-yellow">{{consult.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{consult.target}}</span>
                   <span class="num-per">讲座:<span>{{consult.times}}次</span></span>
              </div>
          </td>
      </tr>
       <tr>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{plan.id}}"  data-pct="{{plan.PCT}}" data-target="{{plan.target}}" data-actual="{{plan.actual}}" data-id="campaign" class="title">全程策划影响人数</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{plan.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{plan.PCT}}%</span></span>
                  <span class="font-yellow">{{plan.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{plan.target}}</span>
                  <span class="num-per">讲座:<span>{{plan.times}}次</span></span>
              </div>
          </td>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{basic.id}}"  data-pct="{{basic.PCT}}" data-target="{{basic.target}}" data-actual="{{basic.actual}}" data-id="campaign" class="title">基础课程影响人数</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{basic.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{basic.PCT}}%</span></span>
                  <span class="font-yellow">{{basic.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{basic.target}}</span>
                  <span class="num-per">讲座:<span>{{basic.times}}次</span></span>
              </div>
          </td>
          <td style="width:20%">
              <a href="javascript:void(0);"  data-value="{{professional_course.id}}" data-pct="{{professional_course.PCT}}" data-target="{{professional_course.target}}" data-actual="{{professional_course.actual}}" data-id="product" class="title">专业课</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{professional_course.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{professional_course.PCT}}%</span></span>
                   <span class="font-yellow">{{professional_course.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{professional_course.target}}</span>
              </div>
          </td>
      </tr>
       <tr>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{public_course.id}}"  data-pct="{{public_course.PCT}}" data-target="{{public_course.target}}" data-actual="{{public_course.actual}}"  data-id="product" class="title">公共课</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{public_course.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{public_course.PCT}}%</span></span>
                  <span class="font-yellow">{{public_course.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{public_course.target}}</span>
              </div>
          </td>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{internet.id}}"  data-pct="{{internet.PCT}}" data-target="{{internet.target}}" data-actual="{{internet.actual}}"  data-id="product" class="title">互联网产品</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{internet.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{internet.PCT}}%</span></span>
                  <span class="font-yellow">{{internet.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{internet.target}}</span>
              </div>
          </td>
          <td style="width:20%">
              <a href="javascript:void(0);" data-value="{{diamond.id}}" data-pct="{{diamond.PCT}}" data-target="{{diamond.target}}" data-actual="{{diamond.actual}}"  data-id="product" class="title">钻石卡</a>
              <div class="rank-bar">
                 <div class="rank-bar-yellow" style="width:{{diamond.PCT}}%;"></div>
              </div>
              <div class="data-des">
                  <span class="num-per">完成<span>{{diamond.PCT}}%</span></span>
                   <span class="font-yellow">{{diamond.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{diamond.target}}</span>
              </div>
          </td>
      </tr>

        <tr>
            <td style="width:20%">
                <a href="javascript:void(0);" data-value="{{super_wxt.id}}" data-pct="{{super_wxt.PCT}}" data-target="{{super_wxt.target}}" data-actual="{{super_wxt.actual}}"  data-id="product" class="title">超级万学堂</a>
                <div class="rank-bar">
                   <div class="rank-bar-yellow" style="width:{{super_wxt.PCT}}%;"></div>
                </div>
                <div class="data-des">
                    <span class="num-per">完成<span>{{super_wxt.PCT}}%</span></span>
                    <span class="font-yellow">{{super_wxt.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{super_wxt.target}}</span>
                </div>
            </td>
            <td style="width:20%">
                <a href="javascript:void(0);" data-value="{{app.id}}" data-pct="{{capability.PCT}}" data-target="{{capability.target}}" data-actual="{{capability.actual}}" data-id="product" class="title">职业能力产品</a>
                <div class="rank-bar">
                   <div class="rank-bar-yellow" style="width:{{capability.PCT}}%;"></div>
                </div>
                <div class="data-des">
                    <span class="num-per">完成<span>{{capability.PCT}}%</span></span>
                    <span class="font-yellow">{{capability.actual}}</span><span class="font-blue">/</span><span class="font-blue">{{capability.target}}</span>
                </div>
            </td>

            </tr>
  </tbody>
</table>